<!DOCTYPE HTML>
<html lang="{{theme.lang}}">
<head>
<meta charset="UTF-8">
{%- if post.filename == 'index' %}
<title>{{config.package.title|title}} - {{config.package.description}}</title>
{%- else %}
<title>{{config.package.title|title}} - {{post.title}}</title>
{%- endif %}
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="generator" content="{{system.name}} {{system.version}}" />
{%- block assets %}
<link type="image/x-icon" href="{{static_url('favicon.ico')}}" rel="icon">
<link rel="stylesheet" href="{{static_url('css/normalize.css')}}" />
<link rel="stylesheet" href="{{static_url('css/site.css')}}" />
<link rel="stylesheet" href="{{static_url('css/solarized.css')}}" />
<link rel="stylesheet" href="{{static_url('style.css')}}" />

<style>
/* alipay iconfont */
@font-face {
  font-family: "rei";
  src: url("https://i.alipayobjects.com/common/fonts/rei.eot?20130423"); /* IE9 */
  src: url("https://i.alipayobjects.com/common/fonts/rei.eot?20130423#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("https://i.alipayobjects.com/common/fonts/rei.woff?20130423") format("woff"), /* chrome 6+、firefox 3.6+、Safari5.1+、Opera 11+ */
  url("https://i.alipayobjects.com/common/fonts/rei.ttf?20130423")  format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
  url("https://i.alipayobjects.com/common/fonts/rei.svg?20130423#rei") format("svg"); /* iOS 4.1- */
}
.iconfont {
  font-family:"rei" !important;
  font-style: normal;
  font-weight: normal;
  cursor: default;
  -webkit-font-smoothing: antialiased;
}
</style>

<script>
if (!location.port) {
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  ga('create', 'UA-36247332-1', 'auto');
  ga('send', 'pageview');
}
</script>

{%- set pkg = config.package %}
{%- set deps = dependencies %}

{%- if deps.seajs %}
<script src="{{content_url('')}}spm_modules/{{deps.seajs}}?nowrap"></script>
{%- else %}
<script src="{{static_url('js/sea.js?nowrap')}}"></script>
{%- endif %}

<script>
  seajs.config({
    base: "{{content_url('')}}",
    alias: {{deps|json_encode}}
  });
</script>

<script src="{{static_url('index.js?nowrap')}}"></script>
<!--[if lt IE 9]>
<script src="{{static_url('js/html5shiv.js?nowrap')}}"></script>
<script src="{{static_url('es5-safe.js?nowrap')}}"></script>
<![endif]-->
{%- endblock %}
{%- block afterstyle %}{% endblock %}
<script>
seajs.use(['arale-sticky', '/static/side'], function(Sticky, side) {
  Sticky('.side-area', 20);
  side.init();
});
</script>
</head>
<body class="spmjs">
    <div id="body-wrapper">
      <div class="head-area">
        <div class="title-area">
          <h1 class="inline">
            <a href="{{content_url('index.html')}}">{{config.package.title|title}}</a>
          </h1>
          <input type="text" placeholder="{{config.package.description}}" id="search" class="inline" autocomplete="off">
          <img width="60" src="/static/arale-small.jpg">
        </div>
        <iframe src="http://ghbtns.com/github-btn.html?user=aralejs&repo=aralejs.org&type=watch&count=true"
        allowtransparency="true" frameborder="0" scrolling="0" width="120" height="20"></iframe>
      </div>
      <div class="nav-area">
        <ol class="main-nav">
          <li><a href="/"><i class="iconfont" title="首页">&#xF034;</i> 首页</a></li>
          {%- for item in resource.pages|find_category('arale') %}
          <li><a href="{{permalink_url(item)}}">{{item.title}}</a></li>
          {%- endfor %}
        </ol>
      </div>
      <div class="main-area">
        {%- if post.filename == 'index' %}
        {%- else %}
        <div class="side-area">{{post.toc}}</div>
        {%- endif %}
        <script type="text/template" id="list-template">
          <li><a href="#"><i class="iconfont" title="单箭头右">&#x00E5;</i></a></li>
        </script>
        {%- if post.filename == 'index' %}
        <div class="content-area" id="module-wrapper">
          <div class="modules modules-utility" style="margin: 150px 0">
            <p>Arale 随 <a href="http://spmjs.io">spm</a> 一起告别了，你还可以在
              <a href="https://www.npmjs.com/search?q=arale-">这里</a>
              和
              <a href="https://www.npmjs.com/search?q=alice-">这里</a>
              找到原来的组件。
            </p>
          </div>
        </div>
        {%- else %}
        <div class="content-area">
          <h1>{{post.title}}</h1>
          <div class="content entry-content">{{post.html | add_anchor}}</div>
        </div>
        {%- endif %}
      </div>
    </div>
    <div id="footer-wrapper">
      <footer>
      <p class="powered">
        <a href="http://aralejs.org">Arale</a> •
        <a href="http://aliceui.org">Alice</a> •
        <a href="http://seajs.org">Sea.js</a> •
        <a href="http://spmjs.io">spmjs.io</a>
      </p>
      </footer>
    </div>
</body>
</html>
